.register {
    max-width: 1110px;
    margin: 0 auto;

    .register-content {
        max-width: 950px;
        margin: 0 auto;

        .breadcrumb {
            color: #000;
            line-height: 50px;
            height: 50px;

            span {
                color: red;
            }
        }

        .login-container {
            width: 100%;
            // height: 1000px;
            text-align: left;
            background: url(https://www.kiehls.com.cn/img/account_bg_wrapper.efa1a2a4.jpg) 0 repeat;
            background-color: #f2e8d6;
            background-size: auto 100%;
            overflow: auto;
            padding: 60px;

            .linkto-login {
                text-align: right;
                right: 20px;
                margin: 22px 0 0;
                font-size: 12px;
                position: absolute;
            }

            .register-page-inner {

                background-image: none;
                background-color: #fff;
                border: 1px solid #000;
                padding: 0 130px;
                overflow: auto;
                position: relative;


                .register-page-container {
                    padding: 0 40px 0;

                    .register-header-h {
                        margin: 78px 0 24px;
                        font-weight: 700;
                        font-size: 26px;
                        line-height: 28px;
                        text-transform: uppercase;
                        text-align: center;
                    }

                    .user-register-description {
                        margin: 0 0 25px;
                        padding: 0 20px;
                        font-size: 18px;
                        line-height: 25px;
                        text-align: center;

                        .joinnow-description {
                            font-size: 18px;
                        }

                        .join-signin-message {
                            font-size: 12px;
                            color: red;
                            font-weight: 700;
                        }
                    }
                }

                .register-formobile {
                    span {
                        color: #000;
                    }

                    .register-form {
                        float: left;
                        width: 100%;

                        .gender-part {
                            display: flex;
                            flex-direction: column;
                            float: left;
                            padding-bottom: 10px;

                            .prompt-message-label {
                                float: left;
                                font-size: 12px;
                                color: red;
                                padding: 10px 0 5px;
                                text-align: left;

                            }

                            .input-gender {
                                display: flex;
                                flex-direction: column;

                                .prompt-message-title {
                                    padding-bottom: 5px;
                                    float: left;
                                    font-size: 12px;
                                    color: red;
                                    text-align: left;
                                }

                                .flex-coloum-compo-select {
                                    #se {
                                        width: 258px;
                                        height: 30px;
                                        display: block;
                                    }


                                }
                            }
                        }

                        .input-part {
                            width: 100%;
                            display: flex;
                            padding: 10px 0;

                            .input-wight {
                                width: 50%;
                                text-align: left;

                                .prompt-message-title {
                                    padding-bottom: 5px;
                                    float: left;
                                    font-size: 12px;
                                    color: red;
                                    text-align: left;
                                }

                                .el-input {
                                    position: relative;
                                    font-size: 14px;
                                    display: inline-block;
                                    width: 100%;

                                    .el-input__inner {
                                        height: 30px;
                                        width: 258px;
                                        font-size: 12px;
                                        line-height: 34px;
                                        border-radius: 0;
                                        border-color: #bfbfbf;
                                        color: #000;
                                        -webkit-appearance: none;
                                        background-color: #fff;
                                        background-image: none;
                                        border: 1px solid #dcdfe6;
                                        box-sizing: border-box;
                                        display: inline-block;
                                        outline: 0;
                                        padding: 0 15px;
                                    }
                                }

                            }
                        }

                        .policy-required {
                            border-top: 1px dashed #000;
                            padding-bottom: 15px;
                            padding-top: 32px;
                            font-size: 11px;
                            display: flex;
                            text-align: center;
                            flex-direction: row;
                            margin-top: 15px;

                            .el-checkbox {
                                color: #606266;
                                font-weight: 500;
                                font-size: 14px;
                                cursor: pointer;
                                white-space: nowrap;
                                user-select: none;
                                margin-right: 30px;

                                .el-checkbox__input {
                                    line-height: 1;



                                }
                            }

                            .policy-title {
                                margin-left: -20px;
                                color: #4f4f4f;
                                text-align: left;

                                a {
                                    color: #000;
                                    font-size: 11px;
                                }
                            }
                        }

                        .register-btn {
                            width: 100%;
                            padding-bottom: 65px;
                            text-align: center;

                            .el-button {
                                width: 200px;
                                height: 36px;
                                // background: #d02822;
                                font-size: 14px;
                                font-weight: 700;
                                border-color: #ccc;
                                background-color: #ccc;
                                position: relative;

                                span {
                                    color: rgb(255, 255, 255);

                                }
                            }
                        }
                    }
                }
            }
        }
    }

}